<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>GIMC学院</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/course.css" />
	</head>

	<body>
		<div class="web">
			<!--头部部分-->
			<header>
				<div class="menu_btn">
					<i class="iconfont icon-view-list"></i>
				</div>
				<div class="logo"><img src="img/nav_logo.png" /></div>
				<div class="search">
					<i class="iconfont icon-sousuo"></i>
				</div>
			</header>

			<!--主要内容-->
			<div class="content">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/01.jpg" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-slide"><img src="img/02.png" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-slide"><img src="img/03.jpg" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-slide"><img src="img/04.jpg" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-slide"><img src="img/05.jpg" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-slide"><img src="img/06.jpg" />
							<div class="nav_down">
								<a href="">省广股份携手阿里妈妈举行DT大时代 全息营销新纪元</a>
								<div class="nav_shade">
									<div class="nav_l">
										<span><i class="iconfont icon-zan1"></i></span>
										<span>120</span>
										<span><i class="iconfont icon-yanjing"></i></span>
										<span>666</span>
									</div>
									<div class="nav_r">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
				<div class="cont">
					<div class="col-1 col">
						<div class="text">
							<div class="per fl">
								<a href="">
									<img src="img/head_portrait.png"/>
								</a>
							</div>
							<div class="mes fl">
								<span>Nick</span>
								<p>网络互动中心设计师</p>
							</div>
							<div class="butt fr">
								<a href="course2.html">
									<p>预约报名</p>
									<span>
										<img src="img/left-arr.png"/>
									</span>
								</a>
							</div>
							<div style="clear: both;"></div>
							<div class="yingyong">
								<h1 class="fl">高端移动应用开发</h1>
								<p class="fr">10月19日 14:00-17:30</p>
							</div>
						</div>
						<div class="photo">
							<img class="lazy" data-original="img/cour_01.png"/>
						</div>
					</div>
					<div class="col-1 col">
						<div class="text">
							<div class="per fl">
								<a href="">
									<img src="img/head_portrait.png"/>
								</a>
							</div>
							<div class="mes fl">
								<span>Nick</span>
								<p>网络互动中心设计师</p>
							</div>
							<div class="butt fr">
								<a href="course2.html">
									<p>预约报名</p>
									<span>
										<img src="img/left-arr.png"/>
									</span>
								</a>
							</div>
							<div style="clear: both;"></div>
							<div class="yingyong">
								<h1 class="fl">高端移动应用开发</h1>
								<p class="fr">10月19日 14:00-17:30</p>
							</div>
						</div>
						<div class="photo">
							<img class="lazy" data-original="img/cour_01.png"/>
						</div>
					</div>
					<div class="col-1 col">
						<div class="text">
							<div class="per fl">
								<a href="">
									<img src="img/head_portrait.png"/>
								</a>
							</div>
							<div class="mes fl">
								<span>Nick</span>
								<p>网络互动中心设计师</p>
							</div>
							<div class="butt fr">
								<a href="course2.html">
									<p>预约报名</p>
									<span>
										<img src="img/left-arr.png"/>
									</span>
								</a>
							</div>
							<div style="clear: both;"></div>
							<div class="yingyong">
								<h1 class="fl">高端移动应用开发</h1>
								<p class="fr">10月19日 14:00-17:30</p>
							</div>
						</div>
						<div class="photo">
							<img class="lazy" data-original="img/cour_01.png"/>
						</div>
					</div>
			
				</div>
			</div>
			<script type="text/javascript" src="js/swiper.min.js"></script>
			<script type="text/javascript" src="js/slide.js"></script>
			<!--底下的选项栏-->
			<footer>
				<div class="menu_foot">
					<div class="submenu">
						<a href="index.html">
							<span class="active"><img src="img/01home_g.png"/></span>
							<p>首页</p>
						</a>
					</div>
				</div>
				<div class="m-line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="gimc.html">
							<span><img src="img/03GIMC_g.png"/></span>
							<p>GIMC</p>
						</a>
					</div>
				</div>
				<div class="m-line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="article.html">
							<span><img src="img/05article_g.png"/></span>
							<p>文章</p>
						</a>
					</div>
				</div>
				<div class="m-line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="resources.html">
							<span><img src="img/07resou_g.png"/></span>
							<p>资源</p>
						</a>
					</div>
				</div>
				<div class="m-line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="">
							<span><img src="img/10college_r.png"/></span>
							<p class="red">学院</p>
						</a>
					</div>
				</div>

			</footer>

			<!--个人页-->
			<div class="menu">
				<div class="menu_top">
					<div class="menu_close">
						<img src="img/login_close.png" />
					</div>
				</div>
				<div class="menu_line"></div>
				<div class="percen">
					<div class="port">
						<div class="pic_port"><img src="img/mx-nologin.png" /></div>
					</div>
					<a class="turn_login">立即登录</a>
				</div>
				<div class="sort_pro">
					<!--1-->
					<div class="gimc">
						<p>GIMC</p>
						<span class="down_a"><img src="img/drop_left.png"/></span>
					</div>
					<div class="drop_down">
						<a href="">省广介绍</a>
						<a class="line"></a>
						<a href="">新闻资讯</a>
					</div>
					<!--2-->
					<div class="gimc">
						<p>GIMC</p>
						<span class="down_a"><img src="img/drop_left.png"/></span>
					</div>
					<div class="drop_down">
						<a href="">省广介绍</a>
						<a class="line"></a>
						<a href="">新闻资讯</a>
					</div>
					<!--3-->
					<div class="gimc">
						<p>GIMC</p>
						<span class="down_a"><img src="img/drop_left.png"/></span>
					</div>
					<div class="drop_down">
						<a href="">省广介绍</a>
						<a class="line"></a>
						<a href="">新闻资讯</a>
					</div>
					<!--4-->
					<div class="gimc">
						<p>GIMC</p>
						<span class="down_a"><img src="img/drop_left.png"/></span>
					</div>
					<div class="drop_down">
						<a href="">省广介绍</a>
						<a class="line"></a>
						<a href="">新闻资讯</a>
					</div>
				</div>
			</div>

			<!--搜索页-->
			<div class="search_page">
				<div class="s_top">
					<div class="s_close">
						<img src="img/login_close.png" />
					</div>
					<div class="s_input">
						<button class="fl"><i class="iconfont icon-sousuo"></i></button>
						<input type="text" placeholder="Search" />
					</div>
				</div>
				<div class="s_keyword">
					<h1>热搜</h1>

					<div class="keyword active">省广股份</div>
					<div class="keyword">移动互联网</div>
					<div class="keyword">细分平台业务</div>
					<div class="keyword">O2O</div>
					<div class="keyword">媒介平台</div>
					<div class="keyword">拥抱变革，创造未来</div>
					<div class="keyword">平台</div>
					<div class="keyword">上海金投赏创意节</div>
				</div>
			</div>

		</div>

		<!--登录页-->
		<div class="login">
			<div class="logo_common"></div>
			<div class="user">
				<div class="yhu">
					<i class="iconfont icon-yonghu"></i>
				</div>
				<div class="user_input">
					<input type="text" placeholder="请输入已验证的手机号或邮箱" />
				</div>

			</div>
			<div class="password">
				<div class="passw">
					<i class="iconfont icon-mima"></i>
				</div>
				<div class="user_input">
					<input type="password" placeholder="请输入密码" />
				</div>
			</div>
			<div class="forget">
				<a href="">
					<p>忘记密码</p>
					<i class="iconfont icon-wenhao"></i>
				</a>
			</div>
			<button class="btn_login">登录</button>
			<button class="btn_register">注册</button>
		</div>
		<!--个人中心页-------------------->
		<div class="profile">
			<div class="menu_top">
				<div class="pro_close">
					<img src="img/login_close.png" />
				</div>
			</div>
			<div class="menu_line"></div>
			<div class="percen">
				<div class="port">
					<div class="pic_port">
						<img src="img/head_portrait.png" />
					</div>
				</div>
				<ul class="mes_per">
					<li>
						<span>Nick</span>
						<button>个人中心 > </button>
					</li>
					<li>
						<div class="star"><img src="img/star.png" /></div>
						<div class="star"><img src="img/star.png" /></div>
						<div class="star"><img src="img/star.png" /></div>
						<div class="star"><img src="img/star.png" /></div>
					</li>
					<li>
						<p>关注
							<a href="">36</a> | 粉丝
							<a href="">290</a>
						</p>
					</li>
					<li>
						<button class="sc">我的收藏</button>
						<button class="fb">我的发布</button>
					</li>
				</ul>
			</div>
			<div class="sort_pro">
				<!--1-->
				<div class="gimc">
					<p>GIMC</p>
					<span class="down_a"><img src="img/drop_left.png"/></span>
				</div>
				<div class="drop_down">
					<a href="">省广介绍</a>
					<a class="line"></a>
					<a href="">新闻资讯</a>
				</div>
				<!--2-->
				<div class="gimc">
					<p>GIMC</p>
					<span class="down_a"><img src="img/drop_left.png"/></span>
				</div>
				<div class="drop_down">
					<a href="">省广介绍</a>
					<a class="line"></a>
					<a href="">新闻资讯</a>
				</div>
				<!--3-->
				<div class="gimc">
					<p>GIMC</p>
					<span class="down_a"><img src="img/drop_left.png"/></span>
				</div>
				<div class="drop_down">
					<a href="">省广介绍</a>
					<a class="line"></a>
					<a href="">新闻资讯</a>
				</div>
				<!--4-->
				<div class="gimc">
					<p>GIMC</p>
					<span class="down_a"><img src="img/drop_left.png"/></span>
				</div>
				<div class="drop_down">
					<a href="">省广介绍</a>
					<a class="line"></a>
					<a href="">新闻资讯</a>
				</div>
			</div>
			<div class="exit">
				<button>退出</button>
			</div>
		</div>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/lazyload.js"></script>
		<script type="text/javascript" src="js/lazyimg.js"></script>
		<!--<script type="text/javascript" src="js/vconsole.min.js"></script>-->
	</body>

</html>